panel: Adjust CSS for RTL locales

The groups at the panel sides use different left/right padding, so
a slightly different CSS is required for RTL locales. Add :rtl
pseudo classes as necessary and adjust the CSS.

https://bugzilla.gnome.org/show_bug.cgi?id=642697

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 08f636f509def3035245067a617848ff46478f44..0bd1566b62d78856a59be3b28f628f15c6bfe0d8 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -196,10 +196,20 @@ StTooltip StLabel {
     padding-right: 4px;
 }
 
+#panelLeft:rtl {
+    padding-right: 0px;
+    padding-left: 4px;
+}
+
 #panelRight {
     padding-left: 4px;
 }
 
+#panelRight:rtl {
+    padding-left: 0px;
+    padding-right: 4px;
+}
+
 #appMenu {
     spacing: 4px;
 }

diff --git a/js/ui/panel.js b/js/ui/panel.js
index 2b315993d51536f66697c37bab47c7973e25f3e8..41bb04486d1cac69a3934a47c12235b6f52f08eb 100644 (file)
--- a/js/ui/panel.js
+++ b/js/ui/panel.js
@@ -528,6 +528,13 @@ Panel.prototype = {
         this._centerBox = new St.BoxLayout({ name: 'panelCenter' });
         this._rightBox = new St.BoxLayout({ name: 'panelRight' });
 
+        // This will eventually be automatic, see
+        // https://bugzilla.gnome.org/show_bug.cgi?id=584662
+        if (St.Widget.get_default_direction() == St.TextDirection.RTL) {
+            this._leftBox.add_style_pseudo_class('rtl');
+            this._rightBox.add_style_pseudo_class('rtl');
+        }
+
         /* This box container ensures that the centerBox is positioned in the *absolute*
          * center, but can be pushed aside if necessary. */
         this._boxContainer = new Shell.GenericContainer();